<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
	<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/statics/css/style.css" />
    <!--[if IE 6]>
    <script src="${pageContext.request.contextPath}/statics/js/iepng.js" type="text/javascript"></script>
        <script type="text/javascript">
           EvPNG.fix('div, ul, img, li, input, a'); 
        </script>
    <![endif]-->
    
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/js/jquery-1.8.2.min.js"></script>
    
     <script type="text/javascript">
  
		function ShowDiv_12(MyDiv1,fade1,productId){
			/* location.href="./cartAddProductServlet"; */
   			jQuery.ajax({
				"url": "./cartAddProductServlet",
				"type":"GET",
				"data":{"productId":productId},
				"dataType":"json",
				"success":function(data){
					
					if(data.addresult=="true"){
						
						ShowDiv_1(MyDiv1,fade1);
					}
				} 
						//ShowDiv_1(MyDiv1,fade1)
				});
   			
				
			}; 
	</script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/js/menu.js"></script>    
            
	<script type="text/javascript" src="${pageContext.request.contextPath}/statics/js/lrscroll_1.js"></script>   
     
    
	<script type="text/javascript" src="${pageContext.request.contextPath}/statics/js/n_nav.js"></script>
    
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/statics/css/ShopShow.css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/statics/css/MagicZoom.css" />
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/js/MagicZoom.js"></script>
    
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/js/num.js">
    	var jq = jQuery.noConflict();
    </script>
         
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/js/p_tab.js"></script>
    
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/js/shade.js"></script>
    
<title>商品</title>
</head>
<body>  
<!--Begin Header Begin-->
<div class="soubg">
	<div class="sou">
    	<!--Begin 所在收货地区 Begin-->
    	<span class="s_city_b">
        	<span class="fl">送货至：</span>
            <span class="s_city">
            	<span>四川</span>
                <div class="s_city_bg">
                	<div class="s_city_t"></div>
                    <div class="s_city_c">
                    	<h2>请选择所在的收货地区</h2>
                        <table border="0" class="c_tab" style="width:235px; margin-top:10px;" cellspacing="0" cellpadding="0">
                          <tr>
                            <th>A</th>
                            <td class="c_h"><span>安徽</span><span>澳门</span></td>
                          </tr>
                          <tr>
                            <th>B</th>
                            <td class="c_h"><span>北京</span></td>
                          </tr>
                          <tr>
                            <th>C</th>
                            <td class="c_h"><span>重庆</span></td>
                          </tr>
                          <tr>
                            <th>F</th>
                            <td class="c_h"><span>福建</span></td>
                          </tr>
                          <tr>
                            <th>G</th>
                            <td class="c_h"><span>广东</span><span>广西</span><span>贵州</span><span>甘肃</span></td>
                          </tr>
                          <tr>
                            <th>H</th>
                            <td class="c_h"><span>河北</span><span>河南</span><span>黑龙江</span><span>海南</span><span>湖北</span><span>湖南</span></td>
                          </tr>
                          <tr>
                            <th>J</th>
                            <td class="c_h"><span>江苏</span><span>吉林</span><span>江西</span></td>
                          </tr>
                          <tr>
                            <th>L</th>
                            <td class="c_h"><span>辽宁</span></td>
                          </tr>
                          <tr>
                            <th>N</th>
                            <td class="c_h"><span>内蒙古</span><span>宁夏</span></td>
                          </tr>
                          <tr>
                            <th>Q</th>
                            <td class="c_h"><span>青海</span></td>
                          </tr>
                          <tr>
                            <th>S</th>
                            <td class="c_h"><span>上海</span><span>山东</span><span>山西</span><span class="c_check">四川</span><span>陕西</span></td>
                          </tr>
                          <tr>
                            <th>T</th>
                            <td class="c_h"><span>台湾</span><span>天津</span></td>
                          </tr>
                          <tr>
                            <th>X</th>
                            <td class="c_h"><span>西藏</span><span>香港</span><span>新疆</span></td>
                          </tr>
                          <tr>
                            <th>Y</th>
                            <td class="c_h"><span>云南</span></td>
                          </tr>
                          <tr>
                            <th>Z</th>
                            <td class="c_h"><span>浙江</span></td>
                          </tr>
                        </table>
                    </div>
                </div>
            </span>
        </span>
        <!--End 所在收货地区 End-->
        <span class="fr">
        <span class="fl">
      
       <c:if test="${ q !=null}">
       
   		 <a href="Member_User.jsp">  ${q.loginName }   </a>
         |&nbsp;<a href="Login.jsp"  >注销</a>&nbsp;|
        	<a href="Member_Order.jsp">我的订单</a>&nbsp;|
        	<a href="Member_Collect.jsp">收藏夹&nbsp;</a>
        	 
       </c:if>
      
       </span>
        	<c:if test="${q==null }">
        	<span class="fl">你好，请<a href="Login.jsp">登录</a>&nbsp; <a href="Regist.jsp" style="color:#ff4e00;">免费注册</a>&nbsp;</span>
        	
        	
        	
        	</c:if>

        	
            <span class="fl">|&nbsp;关注我们：</span>
            <span class="s_sh"><a href="#" class="sh1">新浪</a><a href="#" class="sh2">微信</a></span>
            
            <span class="fr">|&nbsp;<a href="#">手机版&nbsp;<img src="${pageContext.request.contextPath}/statics/images/s_tel.png" align="absmiddle" /></a></span>
 
        	
        </span>
    </div>
</div>
<div class="top">
    <div class="logo"><a href="Index.jsp"><img src="${pageContext.request.contextPath}/statics/images/logo.png" /></a></div>
    <div class="search">
    	<form action="Product" method="post">
        	<input type="text" value="" name="keyWord" class="s_ipt" />

            <input name="name" type="submit" value="搜索" class="s_btn" />
            
        </form>                      
        <span class="fl"><a href="#">咖啡</a><a href="#">iphone 6S</a><a href="#">新鲜美食</a><a href="#">蛋糕</a><a href="#">日用品</a><a href="#">连衣裙</a></span>
    </div>
    <div class="i_car">
    <div class="car_t">购物车 </div>
            <div class="car_bg">
                
                <c:if test="${q==null }">
                <!--Begin 购物车未登录 Begin-->
                 <div class="un_login">还未登录！<a href="Login.jsp" style="color:#ff4e00;">马上登录</a> 查看购物车！</div>
                
                </c:if>
               <c:if test="${q!=null }">
               <%-- <h2>商品名称 / 单价 / 数量/总价</h2>
               <h2>${aa.gross }</h2> --%>
               <ul>
               <li>
            	 <%--  <div class="name"><a href="#"></a>${aa.name }</div> 
              <div class="price"><font color="#ff4e00">${aa.money }</font> X${aa.number }</div> --%>
             
          <c:forEach var="aa" items="${aa}">
              <img style="border: 1px solid #ccc; width: 80px; height: 80px; float: left" src="${pageContext.request.contextPath}/statics/images/"/>   
              
              <div style="float: left; width: 150px; margin-left: 10px;">
              ${aa.name} ${aa.number} ${aa.price}
              </div>
               
               </c:forEach> 
               </li>
               </ul>
                <!--Begin 购物车已登录 Begin-->
            	 <div class="price_sum">共计&nbsp; <font color="#ff4e00">￥</font></div>
                <div class="price_a"><a href="BuyCar.jsp">去购物车结算</a></div>
                <!--End 购物车已登录 End-->
               </c:if>
        </div>
    </div>
</div>
<!--End Header End--> 
<!--Begin Menu Begin-->
<div class="menu_bg">
	<div class="menu">
    	<!--Begin 商品分类详情 Begin-->    
    	<div class="nav">
        	<div class="nav_t">全部商品分类</div>
            <div class="leftNav none">
                <ul>      
                    <li>
                    	<div class="fj">
                        	<span class="n_img"><span></span><img src="${pageContext.request.contextPath}/statics/images/nav1.png" /></span>
                            <span class="fl">进口食品、生鲜</span>
                        </div>
                        <div class="zj">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <h2>
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=654&level=2">面部护理</a>
                                    </h2>
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=655&level=3">少女派</a> |
                                </div>
                            </div>
                        </div>
                    </li>
                
                    <li>
                        <div class="fj">
                    <span class="n_img"><span></span>
                        <img src="${pageContext.request.contextPath}/statics/images/"/></span>
                            <span class="fl">家用商品</span>
                        </div>
                        <div class="zj">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <h2>
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=656&level=2">餐具</a>
                                    </h2>
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=658&level=3">叉子</a> |
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=659&level=3">锅</a> |
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=692&level=3">刀叉</a> |
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=693&level=3">碗筷</a> |
                                </div>
                            
                                <div class="zj_l_c">
                                    <h2>
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=657&level=2">卫具</a>
                                    </h2>
                                </div>
                            
                                <div class="zj_l_c">
                                    <h2>
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=696&level=2">客厅专用</a>
                                    </h2>
                                </div>
                            </div>
                        </div>
                    </li>
                
                    <li>
                        <div class="fj">
                    <span class="n_img"><span></span> 
                        <img src="${pageContext.request.contextPath}/statics/images/"/></span>
                            <span class="fl">进口·生鲜</span>
                        </div>
                        <div class="zj">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <h2>
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=661&level=2">零食/糖果/巧克力</a>
                                    </h2>
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=662&level=3">坚果</a> |
                                    
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=663&level=3">蜜饯</a> |
                                </div>
                            </div>
                        </div>
                    </li>
                
                    <li>
                        <div class="fj">
                    <span class="n_img"><span></span>
                        <img src="${pageContext.request.contextPath}/statics/images/"/></span>
                            <span class="fl">电子商品</span>
                        </div>
                        <div class="zj">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <h2>
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=671&level=2">手机</a>
                                    </h2>
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=672&level=3">华为手机</a> |
                                    
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=673&level=3">联想手机</a> |
                                </div>
                            
                                <div class="zj_l_c">
                                    <h2>
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=674&level=2">手环</a>
                                    </h2>
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=675&level=3">小米手环</a> |
                                </div>
                            
                                <div class="zj_l_c">
                                    <h2>
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=690&level=2">电脑</a>
                                    </h2>
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=691&level=3">联想电脑</a> |
                                </div>
                            </div>
                        </div>
                    </li>
                
                    <li>
                        <div class="fj">
                    <span class="n_img"><span></span>
                        <img src="${pageContext.request.contextPath}/statics/images/"/></span>
                            <span class="fl">保健食品</span>
                        </div>
                        <div class="zj">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <h2>
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=677&level=2">老年保健品</a>
                                    </h2>
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=680&level=3">脑白金</a> |
                                </div>
                            
                                <div class="zj_l_c">
                                    <h2>
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=678&level=2">中年营养品</a>
                                    </h2>
                                </div>
                            
                                <div class="zj_l_c">
                                    <h2>
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=679&level=2">儿童保健品</a>
                                    </h2>
                                </div>
                            </div>
                        </div>
                    </li>
                
                    <li>
                        <div class="fj">
                    <span class="n_img"><span></span>
                        <img src="${pageContext.request.contextPath}/statics/images/"/></span>
                            <span class="fl">箱包</span>
                        </div>
                        <div class="zj">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <h2>
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=682&level=2">旅行箱</a>
                                    </h2>
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=687&level=3">大型</a> |
                                    
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=688&level=3">中型</a> |
                                    
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=689&level=3">小型</a> |
                                </div>
                            
                                <div class="zj_l_c">
                                    <h2>
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=683&level=2">手提箱</a>
                                    </h2>
                                    
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=684&level=3">大型</a> |
                                    
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=685&level=3">小型</a> |
                                    
                                        <a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&category=686&level=3">中型</a> |
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <ul class="menu_r">
            <li><a href="Index.jsp">首页</a></li>
            
            <li><a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&level=1&category=548">化妆品</a></li>
        
            <li><a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&level=1&category=628">家用商品</a></li>
        
            <li><a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&level=1&category=660">进口·生鲜</a></li>
        
            <li><a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&level=1&category=670">电子商品</a></li>
        
            <li><a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&level=1&category=676">保健食品</a></li>
        
            <li><a href="${pageContext.request.contextPath}/Product.jsp?action=queryProductList&level=1&category=681">箱包</a></li>
            
        </ul>
        <div class="m_ad">中秋送好礼！</div>
    </div>
</div>
<!--End Menu End--> 
<div class="i_bg">
	<div class="postion">
    	<span class="fl">全部 > 美妆个护 > 香水 > 迪奥 > 迪奥真我香水</span>
    </div>    
    <div class="content">
    	                    
        <div id="tsShopContainer">
            <div id="tsImgS"><img src="${pageContext.request.contextPath}/statics/images/tm_1.jpg" width="390" height="390" /></div>
            <img class="MagicZoomLoading" width="16" height="16" src="${pageContext.request.contextPath}/statics/images/loading.gif" alt="Loading..." />				
        </div>
        
        <div class="pro_des">
        	<div class="des_name">
            	<p>沙宣洗发水 </p>
            	倒计时：<span>1200</span> 时 <span>30</span> 分 <span>28</span> 秒
            </div>
            <div class="des_price">
            	本店价格：<b>￥89</b><br />
            </div>
            <div class="des_choice">
            	<span class="fl">容量：</span>
                <ul>
                	<li class="checked">3L<div class="ch_img"></div></li>
                </ul>
            </div>
            </br>
            <div class="des_join">
                <span class="fl"><a onclick="ShowDiv_12('MyDiv1','fade1','757')"><img src="${pageContext.request.contextPath}/statics/images/j_car.png" /></a></span>
            </div>
        </div>
    </div>
    
   <!--Begin 弹出层-加入购物车 Begin-->
    <div id="fade1" class="black_overlay"></div>
    <div id="MyDiv1" class="white_content">             
        <div class="white_d">
            <div class="notice_t">
                <span class="fr" style="margin-top:10px; cursor:pointer;" onclick="CloseDiv_1('MyDiv1','fade1')"><img src="${pageContext.request.contextPath}/statics/images/close.gif" /></span>
            </div>
            <div class="notice_c">
           		
                <table border="0" align="center" style="margin-top:;" cellspacing="0" cellpadding="0">
                  <tr valign="top">
                    <td width="40"><img src="${pageContext.request.contextPath}/statics/images/suc.png" /></td>
                    <td>
                    	<span style="color:#3e3e3e; font-size:18px; font-weight:bold;">宝贝已成功添加到购物车</span><br />
                    	<!-- 购物车共有1种宝贝（3件） &nbsp; &nbsp; 合计：1120元 -->
                    </td>
                  </tr>
                  <tr height="50" valign="bottom">
                  	<td>&nbsp;</td>
                    <td><a href="test" class="b_buy">继续购物</a></td>
                  </tr>
                </table>
                    
            </div>
        </div>
    </div>    
    <!--End 弹出层-加入购物车 End-->
    
    
    
    <!--Begin Footer Begin -->
    <div class="b_btm_bg bg_color">
        <div class="b_btm">
            <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
              <tr>
                <td width="72"><img src="${pageContext.request.contextPath}/statics/images/b1.png" width="62" height="62" /></td>
                <td><h2>正品保障</h2>正品行货  放心购买</td>
              </tr>
            </table>
			<table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
              <tr>
                <td width="72"><img src="${pageContext.request.contextPath}/statics/images/b2.png" width="62" height="62" /></td>
                <td><h2>满38包邮</h2>满38包邮 免运费</td>
              </tr>
            </table>
            <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
              <tr>
                <td width="72"><img src="${pageContext.request.contextPath}/statics/images/b3.png" width="62" height="62" /></td>
                <td><h2>天天低价</h2>天天低价 畅选无忧</td>
              </tr>
            </table>
            <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
              <tr>
                <td width="72"><img src="${pageContext.request.contextPath}/statics/images/b4.png" width="62" height="62" /></td>
                <td><h2>准时送达</h2>收货时间由你做主</td>
              </tr>
            </table>
        </div>
    </div>
    <div class="b_nav">
    	<dl>                                                                                            
        	<dt><a href="#">新手上路</a></dt>
            <dd><a href="#">售后流程</a></dd>
            <dd><a href="#">购物流程</a></dd>
            <dd><a href="#">订购方式</a></dd>
            <dd><a href="#">隐私声明</a></dd>
            <dd><a href="#">推荐分享说明</a></dd>
        </dl>
        <dl>
        	<dt><a href="#">配送与支付</a></dt>
            <dd><a href="#">货到付款区域</a></dd>
            <dd><a href="#">配送支付查询</a></dd>
            <dd><a href="#">支付方式说明</a></dd>
        </dl>
        <dl>
        	<dt><a href="#">会员中心</a></dt>
            <dd><a href="#">资金管理</a></dd>
            <dd><a href="#">我的收藏</a></dd>
            <dd><a href="#">我的订单</a></dd>
        </dl>
        <dl>
        	<dt><a href="#">服务保证</a></dt>
            <dd><a href="#">退换货原则</a></dd>
            <dd><a href="#">售后服务保证</a></dd>
            <dd><a href="#">产品质量保证</a></dd>
        </dl>
        <dl>
        	<dt><a href="#">联系我们</a></dt>
            <dd><a href="#">网站故障报告</a></dd>
            <dd><a href="#">购物咨询</a></dd>
            <dd><a href="#">投诉与建议</a></dd>
        </dl>
        <div class="b_tel_bg">
        	<a href="#" class="b_sh1">新浪微博</a>            
        	<a href="#" class="b_sh2">腾讯微博</a>
            <p>
            服务热线：<br />
            <span>400-123-4567</span>
            </p>
        </div>
        <div class="b_er">
            <div class="b_er_c"><img src="${pageContext.request.contextPath}/statics/images/er.gif" width="118" height="118" /></div>
            <img src="${pageContext.request.contextPath}/statics/images/ss.png" />
        </div>
    </div>    
    <div class="btmbg">
		<div class="btm">
        	备案/许可证编号：蜀ICP备12009302号-1-www.dingguagua.com   Copyright © 2015-2018 尤洪商城网 All Rights Reserved. 复制必究 , Technical Support: Dgg Group <br />
            <img src="${pageContext.request.contextPath}/statics/images/b_1.gif" width="98" height="33" /><img src="${pageContext.request.contextPath}/statics/images/b_2.gif" width="98" height="33" /><img src="${pageContext.request.contextPath}/statics/images/b_3.gif" width="98" height="33" /><img src="${pageContext.request.contextPath}/statics/images/b_4.gif" width="98" height="33" /><img src="${pageContext.request.contextPath}/statics/images/b_5.gif" width="98" height="33" /><img src="${pageContext.request.contextPath}/statics/images/b_6.gif" width="98" height="33" />
        </div>    	
    </div>
    <!--End Footer End -->    
</div>

</body>

<script src="${pageContext.request.contextPath}/statics/js/ShopShow.js"></script>

<!--[if IE 6]>
<script src="//letskillie6.googlecode.com/svn/trunk/2/zh_CN.js"></script>
<![endif]-->
</html>